<script setup lang="ts">
defineProps(['lists'])
</script>
<template>
  <view class="swiper">
    <swiper circular>
      <swiper-item v-for="(item, i) in lists" :key="i" indicator-color="rgba(0, 0, 0, .3)" autoplay="true"
        indicator-dots="true">
        <image :src="item.url" />
      </swiper-item>
    </swiper>
  </view>
</template>
<style scoped lang="scss">
.swiper {
  height: 300rpx;

  image {
    height: 200rpx;
    width: 100%;
    height: 100%;
  }
}
</style>
